<template functional>
  <span class="">
    <!--    v-if="props.fileType === 'ppt' || props.fileType === 'pptx'" -->
    <!--  v-else-if="props.fileType === 'jpg' || props.fileType === 'jpeg' || props.fileType === 'png'" -->
    <svg
      v-if="props.fileType === 'ppt' || props.fileType === 'pptx'"
      class="ppt_svg__icon"
      viewBox="0 0 1024 1024"
      width="200"
      height="200"
    >
      <defs></defs>
      <path
        d="M238.933 85.333H638.72a34.133 34.133 0 0 1 23.79 9.643l180.48 175.309a34.133 34.133 0 0 1 10.343 24.49V870.4a68.267 68.267 0 0 1-68.266 68.267H238.933a68.267 68.267 0 0 1-68.266-68.267V153.6a68.267 68.267 0 0 1 68.266-68.267z"
        fill="#F80"
      ></path>
      <path
        d="M850.603 281.361H721.51a68.267 68.267 0 0 1-68.266-68.267V88.576a34.133 34.133 0 0 1 9.267 6.4l180.48 175.309a34.133 34.133 0 0 1 7.595 11.093z"
        fill="#F9BA6C"
      ></path>
      <path
        d="M443.017 643.857v150.204a8.84 8.84 0 0 1-8.841 8.84H404.48a8.84 8.84 0 0 1-8.84-8.84V439.38c0-4.88 3.959-8.84 8.84-8.84h132.147c24.576 0 44.97 2.765 61.235 8.362 16.436 5.632 29.577 13.483 39.356 23.552 9.728 10.07 16.555 21.675 20.429 34.8 3.755 12.714 5.632 26.043 5.632 39.935 0 21.095-4.472 38.742-13.517 52.788a97.877 97.877 0 0 1-34.696 32.802c-13.96 7.85-29.765 13.363-47.36 16.486a296.973 296.973 0 0 1-52.088 4.608h-72.601zm73.625-41.25c16.094 0 30.447-.99 43.076-2.936 12.186-1.877 22.409-5.358 30.72-10.41a50.057 50.057 0 0 0 18.705-20.07c4.455-8.551 6.759-20.054 6.759-34.475 0-20.907-6.81-36.267-20.412-46.712-13.892-10.683-36.744-16.213-68.608-16.213h-83.865v130.816h73.625z"
        fill="#FFF"
      ></path>
    </svg>

    <svg
      v-else-if="
        props.fileType === 'jpg' ||
          props.fileType === 'jpeg' ||
          props.fileType === 'png'
      "
      class="image_svg__icon"
      viewBox="0 0 1024 1024"
      width="200"
      height="200"
    >
      <defs></defs>
      <path
        d="M238.933 85.333H638.72a34.133 34.133 0 0 1 23.79 9.643l180.48 175.309a34.133 34.133 0 0 1 10.343 24.49V870.4a68.267 68.267 0 0 1-68.266 68.267H238.933a68.267 68.267 0 0 1-68.266-68.267V153.6a68.267 68.267 0 0 1 68.266-68.267z"
        fill="#FFC60A"
      ></path>
      <path
        d="M850.603 281.361H720.828a68.267 68.267 0 0 1-68.267-68.267V88.27a34.133 34.133 0 0 1 9.95 6.707l180.48 175.309a34.133 34.133 0 0 1 7.595 11.093z"
        fill="#F8E6AB"
      ></path>
      <path
        d="M536.883 779.64H297.9a13.653 13.653 0 0 1-10.462-22.426L423.492 594.91a34.133 34.133 0 0 1 52.31 0l71.509 85.3 163.328-176.402a20.48 20.48 0 0 1 35.499 13.91v244.855a17.067 17.067 0 0 1-17.067 17.066H536.9zm-198.775-384h24.815a34.133 34.133 0 0 1 34.133 34.133v24.815a34.133 34.133 0 0 1-34.133 34.133h-24.815a34.133 34.133 0 0 1-34.134-34.133v-24.815a34.133 34.133 0 0 1 34.134-34.134z"
        fill="#FFF"
      ></path>
    </svg>

    <svg
      v-else-if="props.fileType === 'docx' || props.fileType === 'doc'"
      class="doc_svg__icon"
      viewBox="0 0 1024 1024"
      width="200"
      height="200"
    >
      <defs></defs>
      <path
        d="M238.933 85.333h411.563a34.133 34.133 0 0 1 23.774 9.643l168.704 163.789a34.133 34.133 0 0 1 10.36 24.49V870.4a68.267 68.267 0 0 1-68.267 68.267H238.933a68.267 68.267 0 0 1-68.266-68.267V153.6a68.267 68.267 0 0 1 68.266-68.267z"
        fill="#3370FF"
      ></path>
      <path
        d="M850.603 269.824H733.867a68.267 68.267 0 0 1-68.267-68.267V88.867a34.133 34.133 0 0 1 8.67 6.126l168.704 163.789a34.133 34.133 0 0 1 7.612 11.076z"
        fill="#82A7FC"
      ></path>
      <path
        d="M512.188 518.758L449.894 749.33a9.506 9.506 0 0 1-9.181 7.032h-32.461a9.506 9.506 0 0 1-9.13-6.912l-83.61-295.186a9.506 9.506 0 0 1 9.147-12.083h30.823a9.514 9.514 0 0 1 9.199 7.117l60.125 232.55 62.447-232.618a9.506 9.506 0 0 1 9.165-7.049h31.573c4.301 0 8.073 2.902 9.182 7.049l62.038 232.584 60.108-232.499a9.506 9.506 0 0 1 9.216-7.117h30.806a9.506 9.506 0 0 1 9.148 12.084l-83.61 295.185a9.506 9.506 0 0 1-9.13 6.912h-32.462a9.506 9.506 0 0 1-9.164-7.032l-61.935-230.57z"
        fill="#FFF"
      ></path>
    </svg>

    <svg
      v-else-if="props.fileType === 'pdf'"
      class="pdf_svg__icon"
      viewBox="0 0 1024 1024"
      width="200"
      height="200"
    >
      <defs></defs>
      <path
        d="M238.933 85.333H638.72a34.133 34.133 0 0 1 23.79 9.643l180.48 175.309a34.133 34.133 0 0 1 10.343 24.49V870.4a68.267 68.267 0 0 1-68.266 68.267H238.933a68.267 68.267 0 0 1-68.266-68.267V153.6a68.267 68.267 0 0 1 68.266-68.267z"
        fill="#F54A45"
      ></path>
      <path
        d="M850.603 281.361H720.828a68.267 68.267 0 0 1-68.267-68.267V88.27a34.133 34.133 0 0 1 9.95 6.707l180.48 175.309a34.133 34.133 0 0 1 7.595 11.093z"
        fill="#F78E8B"
      ></path>
      <path
        d="M748.834 671.266c-10.581-12.39-32.307-18.432-66.39-18.432-19.797 0-47.103.512-74.512 4.574-74.923-53.999-92.467-112.009-92.467-112.009s12.8-32.119 13.602-84.565c.512-33.16-4.745-57.89-18.142-68.523-5.718-4.522-13.995-8.311-22.358-8.311-6.519 0-12.629 1.877-17.612 5.495-38.946 28.092 3.584 160.547 4.71 164.08A1177.498 1177.498 0 0 1 410.3 686.915c-7.731 13.483-7.731 13.756-12.937 19.866 0 0-68.164 33.809-100.13 71.304-18.056 21.163-18.637 35.72-17.681 46.61 1.536 13.073 18.21 24.746 34.987 24.746.682 0 1.382 0 2.065-.051 17.066-1.024 36.01-5.734 57.105-25.685 15.274-14.456 32.46-53.692 54.545-92.075 63.351-17.784 119.108-30.43 165.837-37.65 34.27 18.177 85.248 38.776 119.944 38.776 11.64 0 21.01-2.338 27.836-6.963 8.175-5.512 11.64-12.39 13.79-25.122 2.167-12.749-.854-22.391-6.827-29.406zM674.355 691.2c31.642 0 48.777 5.58 57.566 10.257 2.73 1.45 4.693 2.85 6.093 4.01-2.475 1.93-7.356 4.353-16.18 4.353-14.608 0-33.791-6.195-57.207-18.45 3.328-.119 6.57-.17 9.728-.17zM492.63 412.058l.052-.137c4.949 3.652 7.236 29.184 6.775 44.015-.614 19.883-.768 27.563-3.26 39.765-6.758-25.463-7.253-71.236-3.584-83.626zm1.553 186.043c15.429 25.43 35.004 51.166 57.054 70.827-43.042 9.216-78.78 17.698-104.482 26.692a795.511 795.511 0 0 0 47.445-97.519zM320.41 813.483c3.89-5.752 14.523-16.913 41.506-38.503-14.473 33.366-30.737 38.503-45.858 46.541 1.143-2.645 2.577-5.41 4.352-8.021z"
        fill="#FFF"
      ></path>
    </svg>
  </span>
</template>

<style scoped>
svg {
  width: 100%;
  height: 100%;
}
</style>
